@charset "utf-8";
/* CSS Document */
.card_title{
	width:440px;
	height:78px;
	text-align:center;
	font-size:36px;
	background:url(../../images/screen/sm_pt_bg.png) center top no-repeat;
	left:50%;
	margin-left:-220px;
	position:absolute;
	top:-3px;
	line-height:78px;
	
	}
.card_mid_title{
	font-size:48px;
	width:441px;
	height:91px;
	line-height:91px;
	text-align:center;
	position:absolute;
	left:50%;
	top:-10px;
	background:url(../../images/screen/zw_gx_tl.png) center center no-repeat;
	margin-left:-220px;
}
.InfoTable table.tableTop td .public{
    height: 20px;
    width: 45px;
    line-height: 20px;
    position: relative;
    margin: 0 auto;
    margin-top: 10px;
    color: #333;
    margin-left: 10px;
    /* padding-right: 15px; */
}
.InfoTable table.tableTop tr:nth-child(odd) p:before {
    content: '';
    display: block;
    position: absolute;
    height: 16px;
    width: 16px;
    border: 1px solid #082c51;
    background-color: #082c51;
    top: -8px;
    left: -12px;
    transform: rotateZ(130deg);
    -webkit-transform: rotateZ(130deg);
    -moz-transform: rotateZ(130deg);
    -o-transform: rotateZ(130deg);
    -ms-transform: rotateZ(130deg);
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
}
.InfoTable table.tableTop tr:nth-child(odd) p:after {
    content: '';
    display: block;
    position: absolute;
    height: 12px;
    width: 12px;
    border: 1px solid #082c51;
    background-color: #082c51;
    bottom: -6px;
    right: -7px;
    transform: rotateZ(132deg);
    -webkit-transform: rotateZ(132deg);
    -moz-transform: rotateZ(132deg);
    -o-transform: rotateZ(132deg);
    -ms-transform: rotateZ(132deg);
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}
.InfoTable table.tableTop tr:nth-child(even) p:before {
    content: '';
    display: block;
    position: absolute;
    height: 12px;
    width: 12px;
    border: 1px solid #061535;
    background-color: #061535;
    top: -6px;
    left: -7px;
    transform: rotateZ(130deg);
    -webkit-transform: rotateZ(130deg);
    -moz-transform: rotateZ(130deg);
    -o-transform: rotateZ(130deg);
    -ms-transform: rotateZ(130deg);
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
}
.InfoTable table.tableTop tr:nth-child(even) p:after {
    content: '';
    display: block;
    position: absolute;
    height: 12px;
    width: 12px;
    border: 1px solid #061535;
    background-color: #061535;
    bottom: -6px;
    right: -7px;
    transform: rotateZ(132deg);
    -webkit-transform: rotateZ(132deg);
    -moz-transform: rotateZ(132deg);
    -o-transform: rotateZ(132deg);
    -ms-transform: rotateZ(132deg);
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}

.card_mid_title img{ 
	margin-top:15px;
}

.InfoTable table.tableTop td .bgc1{
    background-color: #ff0066;
}
.InfoTable table.tableTop td .bgc2{
    background-color: #ff6600;
}
.InfoTable table.tableTop td .bgc3{
    background-color: #ffc000;
}
.InfoTable table.tableTop td .bgc4{
    background-color: #ffff00;
}
.InfoTable table.tableTop td .bgc5{
    background-color: #92d050;
}
.InfoTable table.tableTop td .bgc6{
    background-color: #00b050;
}
.InfoTable table.tableTop td .bgc7{
    background-color: #00b0f0;
}
.InfoTable table.tableTop td .bgc8{
    background-color: #07abec;
}
.InfoTable table.tableTop td .bgc9{
    background-color: #5972bf;
}
.InfoTable table.tableTop td .bgc10{
    background-color: #a73c95;
}
.InfoTable table.tableTop td .bgc11{
    background-color: #01d0d7;
}
.InfoTable table.tableTop td .bgc12{
    background-color: #66ccff;
}
/* 列颜色 */
.color1{
    color: #00ffff !important;
}
.color2{
    color: #01d0d7 !important;
}
.color3{
    color: #047386 !important;
}
.color4{
    color: #ed7d31 !important;
}
.color5{
    color: #7a4933 !important;
}
.color6{
    color: #66ccff !important;
}
.color7{
    color: #0097fe !important;
}
.color8{
    color: #006ab7 !important;
}
.color9{
    color: #00b0f0 !important;
}
.color10{
    color: #ff0066 !important;
}
.color11{
    color: #ff6600 !important;
}
.color12{
    color: #ffc000 !important;
}
.color13{
    color: #ffff00 !important;
}
.color14{
 color: #92d050 !important;
}
.color15{
    color: #00b050 !important;
}
.color16{
    color: #00b0f0 !important;
}
.color17{
    color: #07abec !important;
}
.color18{
    color: #5972bf !important;
}
.color19{
    color: #a73c95 !important;
}
.color20{
    color: #01d0d7 !important;
}
.color21{
    color: #66ccff !important;
}
.chart .map{
    height: 520px;
    width: 100%;
}

.scro_ech_card{
	width:1100px;
	height:360px;
	padding-bottom:20px;
	margin-left:40px;
}


.part_tab_btn{
	display:inline-block;
	width:132px;
	height:55px;
	line-height:55px;
	float:right;
	font-size:24px;
	background:url(../../images/screen/tab_btn_nosel.png) center center no-repeat;
	color:#00b0f0;
	text-align:center;
	margin-left:20px;
	white-space:nowrap;
	}
.part_tab_btn.on_show,.part_tab_btn:hover{
	background-image:url(../../images/screen/tab_btn_sel.png);
	color:#061535;
	}
.zj_ech{
	width:1050px;
	margin-left:40px;
	height:340px;
	}
.ech_cero{
	width:495px;
	height:100%;
	}
.sl_crcl{
	width:250px;
	height:100%;
	}
.mt65{
	margin-top:65px;
	}
.pl20{
	padding-left:20px;
	}
.mltgqk_echars_con{
	width:1100px;
	height:650px;
	}
	
/*电子证照  单独大屏样式*/
.zz_us_card_title{
	font-size:40px;
	height:55px;
	line-height:55px;
	/*margin-left:40px;
	margin-right:40px;*/
	
	}
.zz_us_card_title .spbig_num{
	font-size:66px;
	vertical-align:top;
	font-family:"微软雅黑 Light";
	font-weight:normal;
	position:relative;
	margin: 107px auto 0 auto;
	}
.liji_numeber{
	margin-left:180px;
	width:1000px;
	margin-top:107px;
	text-align:center;
	}

.liji_numeber span{
	display:inline-block;
	height:105px;
	line-height:105px;
	vertical-align:bottom;
	color:#00ffff;
	font-size:35px;
	}
.dzz_shar_tl{
	font-size:24px;
	width:150px;
	font-family:"微软雅黑 Light";
	}
.dzz_shar_num{
	font-family:"微软雅黑 Light";
	color:#00ffff;
	}
.dzz_shar_num i{
	display:inline-block;
	background:url(../../images/screen/sp_bg.png) center center no-repeat;
	height:105px;
	width:62px;
	text-align:center;
	line-height:105px;
	background-size:100% auto;
	vertical-align:middle;
	font-size:66px;
	font-style:normal;
	margin-left:7px;
	margin-right:7px;
	}	

.sz_all{
	margin:100px 0 40px 0;
	width:1000px;
	margin-left:40px;
	}
.sz_all li{
	width:25%;
	float:left;
	text-align:center;
	}
.sz_all li b{
	display:inline-block;
	width:85px;
	height:85px;
	overflow:hidden;
	}
.sz_all li img{
	width:85px;
	height:auto;
	}
.sz_all li p{
	font-size:24px;
	margin:20px 0;
	}
.sz_all li span{
	font-size:44px;
	font-family:"微软雅黑 Light";
	}
.sz_all li.co1{	
	color:#66ccff;
	}
.sz_all li.co2{
	color:#01d0d7;
	}
.sz_all li.co3{
	color:#07abec;
	}
.sz_all li.co4{
	color:#5972bf;
	}
.sz_all li.co5{
	/*color:#00b0f0;*/
	color:#92d050;
	}
.zz_ph_echar{
	width:1500px;
	height:520px;
	}
.mid_ft_td {
	margin-top:40px;
	}
.mid_ft_td li{
	float:left;
	height:440px;
	}
.mid_ft_td li.td1{
	width:520px;
	}
.mid_ft_td li.td2{
	width:600px;
	}
.mid_ft_td li.td2{
	width:600px;
	}
.dzz_ehar_lftop{
	width:100%;
	height:340px;
	}
.lf_two_td{
	width:100%;
	margin-top:40px;
	overflow:hidden;
	}
.lf_two_td li{
	width:50%;
	float:left;
	}
.fr_info{
	position:relative;
	width:310px;
	height:310px;
	
	margin:35px auto;
	}
.fr_info.fr_bg{
	background:url(../../images/screen/fr_icon.png) no-repeat center center;
	background-size:65px auto;
	}
.fr_info.zrr_bg{
	background:url(../../images/screen/zr_icon.png) no-repeat center center;
	background-size:65px auto;
	}
.fr_info span{
	display:inline-block;
	position:absolute;
	width:58px;
	height:58px;
	overflow:hidden;
	border-radius:50%;
	line-height:58px;
	font-size:14px;
	text-align:center;
	}
.fr_info.fr_bg span{
	border:4px solid #05345a;
	}
.fr_info.zrr_bg span{
	border:4px solid #223a3a;
	color:#92d050;
	}
.fr01{
	left:50%;
	top:0;
	margin-left:-29px;
	}
.fr02{
	top:20%;
	left:80%;
	margin-left:-29px;
	margin-top:-29px;
	}
.fr03{
	top:50%;
	right:0;
	margin-top:-29px;
	}
.fr04{
	top:80%;
	left:80%;
	margin-left:-29px;
	margin-top:-29px;
	}
.fr05{
	bottom:0;
	left:50%;
	margin-left:-29px;
	}
.fr06{
	top:80%;
	left:20%;
	margin-left:-29px;
	margin-top:-29px;
	}
.fr07{
	top:50%;
	left:0;
	margin-top:-29px;
	}
.fr08{
	top:20%;
	left:20%;
	margin-left:-29px;
	margin-top:-29px;
	}
.zz_face_go{
	width:100%;
	height:340px;
	}
.ph_echar_o{
	width:100%;
	height:350px;
	}
.sz_all_bk{
	border:solid 1px #065381;
	padding:30px 0;
	margin:50px 0 0 70px;
	position:relative;
	height:140px;
	}
.sz_all_bk:before{
	content: '';
	display: block;
	position: absolute;
	height: 60px;
	width: 60px;
	border: 1px solid #065381;
	background-color: #061535;
	top: -27px;
	left: -32px;
	transform: rotateZ(132deg);
	-webkit-transform: rotateZ(132deg);
	-moz-transform: rotateZ(132deg);
	-o-transform: rotateZ(132deg);
	-ms-transform: rotateZ(132deg);
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	}
.sz_all_bk:after {
    content: '';
    display: block;
    position: absolute;
    height: 60px;
    width: 60px;
    border: 1px solid #065381;
    background-color: #061535;
    bottom: -27px;
    right: -32px;
    transform: rotateZ(132deg);
    -webkit-transform: rotateZ(132deg);
    -moz-transform: rotateZ(132deg);
    -o-transform: rotateZ(132deg);
    -ms-transform: rotateZ(132deg);
    /*border-bottom: 0px;*/
    border-top: 0px;
    border-right: 0px; 
    border-left: 0px;
	visibility:visible;
}
.InfoTable{
    width: 1100px;
    height: 420px;
    overflow: hidden;
    margin-left: 50px;
}
.InfoTable table{
    width: 100%;
}
.InfoTable table.tableTop th,.InfoTable table.tableTop td{
    font-size: 18px;
/*     position: relative; */
    display: inline-block;
    width: 23.5%;
    text-align: center;
    height:38px;
    line-height: 38px;
}
.InfoTable table.tableTop tr:nth-child(even){
    background-color: #061535;
}
.InfoTable table.tableTop tr:nth-child(odd){
    background-color: #082c51;
    position: relative;
}
.InfoTable table.tableTop th:first-child,.InfoTable table.tableTop td:first-child{
    width: 6%;
    text-align: center;
}
.InfoTable table.tableTop th:nth-child(2),.InfoTable table.tableTop td:nth-child(2){
    text-align: left;
}
.InfoTable table.tableTop th em{
    height: 8px;
    width: 15px;
    /* position: absolute; */
    right:10%;
    cursor: pointer;
}
.InfoTable table.tableTop th:nth-child(4) em{
    right:29%;
}
.InfoTable table.tableTop th:nth-child(3) em{
    right:29%;
    top:18px !important;
}
.InfoTable table.tableTop th:last-child em{
    right:18%;
}
.InfoTable table.tableTop th em.ph1{
    top:10px;
    background: url("../../images/screen/px_top.png") no-repeat center;
    background-size: 100% 100%;
}
.InfoTable table.tableTop th em.ph2{
    top:22px;
    background: url("../../images/screen/px_bottom.png") no-repeat center;
    background-size: 100% 100%;
}



.dzz_ehar_lftop table{
    width: 100%;
}
.dzz_ehar_lftop table.tableTop th,.InfoTable table.tableTop td{
    font-size: 18px;
    position: relative;
    display: inline-block;
    width: 23.5%;
    text-align: center;
    height:38px;
    line-height: 38px;
}
.dzz_ehar_lftop table.tableTop tr:nth-child(even){
    background-color: #061535;
}
.dzz_ehar_lftop table.tableTop tr:nth-child(odd){
    background-color: #082c51;
    position: relative;
}
.dzz_ehar_lftop table.tableTop th:first-child,.InfoTable table.tableTop td:first-child{
    width: 6%;
    text-align: center;
}
.dzz_ehar_lftop table.tableTop th:nth-child(2),.InfoTable table.tableTop td:nth-child(2){
    text-align: left;
}
.dzz_ehar_lftop table.tableTop th em{
    height: 8px;
    width: 15px;
    position: absolute;
    right:10%;
    cursor: pointer;
}
.dzz_ehar_lftop table.tableTop th:nth-child(4) em{
    right:29%;
}
.dzz_ehar_lftop table.tableTop th:nth-child(3) em{
    right:29%;
    top:18px !important;
}
.dzz_ehar_lftop table.tableTop th:last-child em{
    right:18%;
}
.dzz_ehar_lftop table.tableTop th em.ph1{
    top:10px;
    background: url("../../images/screen/px_top.png") no-repeat center;
    background-size: 100% 100%;
}
.dzz_ehar_lftop table.tableTop th em.ph2{
    top:22px;
    background: url("../../images/screen/px_bottom.png") no-repeat center;
    background-size: 100% 100%;
}


